<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./api.css">
    <link rel="stylesheet" href="../../../fonts/iconfont-2.css">
</head>

<body>
    <!-- 头部 -->
    <header class="header df fsb ic">
        <div class="header1">
            <a href="">
                <img src="../../assets/images/new-logo-white2.png" alt="">
            </a>
        </div>
        <div>
            <ul class="daohang df">
                <li>
                    <a href="../home/index.html" class="a1">首页</a>
                </li>
                <li>
                    <a href="../api/api.html">API</a>
                </li>
                <li>
                    <a href="../customer/customer.html">案例</a>
                </li>
            </ul>
        </div>
        <div class="df header2">
            <a href="" class="denglu">登录</a>
            <a href="" class="zhuce">注册有礼</a>
        </div>
    </header>
    <!-- 导航页 -->
    <div class="warp box1">
        <h1 style="color: black">API分类</h1>
        <div class="df box2">
        </div>
        <div class="df box3">
            <p>全部</p>
            <input type="search" class="box6">
            <img src="../../assets/images/magnifier.png" alt="" class="box7">
        </div>
        <ul class="df box4">
        </ul>
        <div class="df box5">
            <a href="" class="active2">1</a>
            <a href="" class="active2">2</a>
            <a href="" class="active2">3</a>
            <a href="" class="active2">4</a>
            <a href="" class="active2">5</a>
            <a href="" class="active2">6</a>
            <a href="" class="active2">7</a>
            <a href="" class="active2">8</a>
            <a href="" class="active2">......</a>
            <a href="">下一页</a>
        </div>
    </div>
    <!-- 蒙版 -->
    <div class="mask df">
        <!-- 登录页面 -->
        <div class="box12 df">
            <span class="clear iconfont icon-chacha"></span>
            <span class="clear2 iconfont icon-chacha"></span>
            <img src="../../assets/images/loginlogo.png" alt="" class="box13">
            <div class="df box16">
                <div class="df box14">
                    <p class="pp1">账号登录</p>
                    <div class="divv1"></div>
                    <p style="color:grey">|</p>
                    <p class="pp2">扫码登录</p>
                    <div class="divv2"></div>
                </div>
                <div class="nonee box15">
                    <div class="df box15">
                        <input type="text" placeholder="用户名/手机/邮箱" class="input1">
                        <span class="font1 iconfont icon-denglu-copy"></span>
                        <input type="password" placeholder="密码" class="input2">
                        <span class="font2 iconfont icon-mima"></span>
                    </div>
                    <a href="" class="box18">忘记密码</a>
                    <button class="box19">登录</button>
                    <p class="box20">还没有源码账号
                        <a href="">立即注册</a>
                    </p>
                    <span class="font3 iconfont icon-anniu-jiantouxiangyou"></span>
                </div>
                <div class="nonee3">
                    <div class="nonee2 df">
                        <img src="../../assets/images/103-demo.png" alt="">
                        <p>微信扫码登录</p>
                        <p style="margin-top: 20px">未关注源码科技公众号，请先关注后再登录</p>
                    </div>
                    <p class="box201">还没有源码账号
                        <a href="">立即注册</a>
                    </p>
                    <span class="font4 iconfont icon-anniu-jiantouxiangyou"></span>
                </div>
            </div>
        </div>
    </div>
    <!-- 尾部 -->
    <footer style="background-color: rgb(236, 236, 236)" class="foot">
        <div class="warp">
            <div class="df">
                <div class="box15">
                    <p style="color: black;font-weight: bold">联系与支持</p>
                    <ul>
                        <li>400-882-7715</li>
                        <li>售前咨询</li>
                        <li>客服&售后</li>
                        <li>常见问题</li>
                        <li>极速工单</li>
                        <li>投诉与建议</li>
                    </ul>
                </div>
                <div class="box15">
                    <p style="color: black;font-weight: bold">关于源码</p>
                    <ul>
                        <li>400-882-7715</li>
                        <li>售前咨询</li>
                        <li>客服&售后</li>
                        <li>常见问题</li>
                        <li>极速工单</li>
                        <li>投诉与建议</li>
                    </ul>
                </div>
                <div class="box15">
                    <p style="color: black;font-weight: bold">快速入口</p>
                    <ul>
                        <li>400-882-7715</li>
                        <li>售前咨询</li>
                        <li>客服&售后</li>
                        <li>常见问题</li>
                        <li>极速工单</li>
                        <li>投诉与建议</li>
                    </ul>
                </div>
                <div class="box15">
                    <p style="color: black;font-weight: bold">产品服务</p>
                    <ul>
                        <li>400-882-7715</li>
                        <li>售前咨询</li>
                        <li>客服&售后</li>
                        <li>常见问题</li>
                        <li>极速工单</li>
                        <li>投诉与建议</li>
                    </ul>
                </div>
                <div class="box15">
                    <p style="color: black;font-weight: bold">解决方案</p>
                    <ul>
                        <li>400-882-7715</li>
                        <li>售前咨询</li>
                        <li>客服&售后</li>
                        <li>常见问题</li>
                        <li>极速工单</li>
                        <li>投诉与建议</li>
                    </ul>
                </div>
                <div class="box15 box16">
                    <p style="color: black;font-weight: bold">微信公众号</p>
                    <ul>
                        <li>源码时代</li>
                        <br>
                        <img src="../../assets/images/103-demo.png" alt="">
                    </ul>
                </div>
            </div>
            <div class="df xinxi warp">
                <div class="df">
                    <img src="../../assets/images/bei1.png" alt="">
                    <img src="../../assets/images/bei2.png" alt="">
                    <p>增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3&nbsp&nbsp&nbsp营业执照</p>
                </div>
                <div class="box22">
                    <p class="banquan">源码大数据股份有限公司©版权所有</p>
                </div>
            </div>
        </div>
    </footer>
    <script src="../../assets/lib/fuzhi.js"></script>
    <script src="./api.js"></script>
</body>

</html>